<style scoped>

.content {
    width:400px;
    margin:0 auto;
    font-size: 12px;
    padding-bottom:180px;
}
.tip {
   line-height: 26px;
   
}
.demo-img {
    margin-bottom: 10px; 
    margin-top: 10px; 
}
.car-form {
    width:90%;
    margin:0 auto;
}
</style>

<template>
    <div class="replenish-page">
        <product-title></product-title>
        <div class="content">
            <div class="tip">
                <h5>因为以下几种情况，未获取到行驶本信息</h5>
                <p>1.从未在当地人保、平安、太平洋、国寿财、大地、中华联合投保</p>
                <p>2.去年新车、过户车、换车没换牌</p>
            </div>
            <div class="demo-img">
                <img src="../../asset/img/driving_licence.png" width='400px' alt="驾驶证模板">
            </div>
            <div class="car-form">
                <Form ref="carInfo" :model="carInfo" :rules="ruleCarInfo" :label-width="120">
                    <FormItem label="车牌号码" prop="LicenseNo">
                        <Input v-model="carInfo.LicenseNo" placeholder="请输入车牌号码"></Input>
                    </FormItem>
                    <FormItem label="品牌型号" prop="MoldName">
                        <Input v-model="carInfo.MoldName" placeholder="请输入品牌型号"></Input>
                    </FormItem>
                    <FormItem label="车辆识别代号" prop="CarVin">
                        <Input v-model="carInfo.CarVin" placeholder="请输入车辆识别代号"></Input>
                    </FormItem>
                    <FormItem label="发动机号" prop="EngineNo">
                        <Input v-model="carInfo.EngineNo" placeholder="请输入发动机号"></Input>
                    </FormItem>
                    <FormItem label="注册日期" prop="RegisterDateObject">
                        <DatePicker v-model="carInfo.RegisterDateObject" type="date" placeholder="如：1970-01-01" style="width: 240px" @on-change='registerDateChange'></DatePicker>
                    </FormItem>
                    <FormItem>
                        <Button type="primary" >提交申请</Button>
                    </FormItem>
                </Form>
            </div>
        </div>
    </div>
</template>

<script>
import productTitle from '../../components/productTitle'
import { getCarList } from '../../api/car'
export default {
    data() {
        return {
            carInfo:{
                LicenseNo:'',
                EngineNo:'',
                CarVin:'',
                MoldName:'',
                RegisterDate:'',
                RegisterDateObject:''
            },
            ruleCarInfo:{

            }
        };
    },
    components: {
        productTitle
    },
    computed: {

    },
    created() {
    },
    methods: {
        registerDateChange(date) {
            this.carInfo.RegisterDate = date;
        },
    }
};
</script>
